<%--
  Created by IntelliJ IDEA.
  User: gaoheqiang
  Date: 2020/2/25
  Time: 12:32 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <!--引入jquery文件 这里要在SpringMvc配置文件中加一个标签开启一个对静态资源的访问控制器-->
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
         $(function(){
             //绑定事件
             $("#btnAjax").on("click",function(){
                 $.ajax({
                     //url:"return-jsonArray-ajax.do",
                     url:"return-string-ajax.do",
                     data:{
                         eid:1
                         //did:1

                     },
                     //返回的数据是json的时候用
                     //dataType:"json",
                     //返回的数据是文本的时候用
                     dataType:"text",
                     success:function (resp) {
                        //resp 返回的数据
                        alert("resp="+resp)
                        // $.each(resp,function(i,n){
                        //     alert("n.name =" + n.empName+"n.age="+n.age)
                        // })
                     }
                 })
             })

             $("#buy").on("click",function(){
                 $.ajax({
                     //url:"return-jsonArray-ajax.do",
                     url:"buyGoods-tx",
                     data:{
                         gid:1001,
                         //gid:1003,
                         //num:10
                         num:100
                         //did:1

                     },
                     //返回的数据是json的时候用
                     //dataType:"json",
                     //返回的数据是文本的时候用
                     dataType:"text",
                     success:function (resp) {
                         //resp 返回的数据
                         alert("resp="+resp)

                     }
                 })
             })



         })
    </script>
</head>
<body>
      <div align="center">
          <p>SSM整合开发的例子</p>
          <table>
              <tr>
                  <td><a href="addEmp.jsp">员工注册</a></td>
                  <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                  <td><button id="btnAjax">查看员工信息</button></td>
                  <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                  <td><button id="buy">购买商品</button></td>

                  <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                  <td><a href="/user">测试接口</a></td>
              </tr>
          </table>
          
          <img src="img/dahai.jpg">

      </div>
</body>
</html>
